<template>
  <div>
    <div>
      <b-carousel
        id="carousel-1"
        :interval="4000"
        controls
        indicators
        style="text-shadow: 1px 1px 2px #333;"
      >
        <!-- Slides with custom text -->
        <router-link :to="'/poorareainfo?' + item.id" v-for="item in lunbotuList" :key="item.id">
          <b-carousel-slide :img-src="item.imgUrl" :style="'height:'+poorareaHeight+'px'">
            <h1>{{item.title}}</h1>
            <p>{{item.zhaiyao}}</p>
          </b-carousel-slide>
        </router-link>
      </b-carousel>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      lunbotuList: [
        { id: 1, 
        imgUrl: "https://img.phb123.com/uploads/allimg/180411/27-1P411102601A2.png",
        title:'康保县',
        zhaiyao:'这是河北省张家口市下面的一个县城，人口大概28万左右，大部分都是农民，医疗条件非常差，一些基本的生活设施也不全面，都是住的那种土房子，是中国十大特级贫困县之一。这里所有的农民人均年收入不超过4千块钱，目前国家对这个地方进行了扶贫政策，人们的生活才得到些许的改善。' },
        { id: 2, 
        imgUrl: "http://5b0988e595225.cdn.sohucs.com/images/20181211/1ed2a645e34044d48bf8f45a35db933c.jpeg",
        title:'四川西南部的大凉山',
        zhaiyao:'位于四川西南部的大凉山交通闭塞、自然灾害频繁、生态环境恶劣，加上当地彝族人普遍受教育程度低、劳动技能单一，贫困已经在这里根深蒂固。' },
        { id: 3, 
        imgUrl: "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3939416734,2370283221&fm=173&app=49&f=JPEG?w=550&h=406&s=C0965D9C4A0322C67A4150870300F0C3",
        title:'位于四川凉山自治州东南部的布拖县',
        zhaiyao:'位于四川凉山自治州东南部，幅员面积1685平方公里，总人口13.8万，其中彝族人口13万，占94%，是以彝族为主体的少数民族聚居县。'},
        { id: 4, imgUrl: "https://picsum.photos/1024/480/?image=54",title:'四川西南部的大凉山',zhaiyao:'' },
        { id: 5, imgUrl: "https://picsum.photos/1024/480/?image=58" },
        { id: 6, imgUrl: "https://picsum.photos/1024/480/?image=55" }
      ],
      poorareaHeight: document.documentElement.clientHeight-62
    };
  },
}
</script>
<style scoped>
h1:hover {
  background-color: red;
}
</style>